/*reset*/
.rem(@name, @px) {
    @{name}: unit((@px / 37.5), rem);
}

input::-webkit-input-placeholder {
    color: #666;
}

input::-moz-placeholder {
    color: #666;
}

input:-moz-placeholder {
    color: #666;
}

input:-ms-input-placeholder {
    color: #666;
}

/*搜索栏*/
#head {
    height: 88px;
}
.isFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
  }

.custom-search-wrap {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background: #fff;
    padding: 8px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    .search {
        flex: 1;   

        .custom-search-input {
            flex: 1;
            padding: 0;
            border-radius: 4px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
    
            .van-search__content {
                background-color: #ededed;
    
                .van-cell {
                    padding: 0 8px 0 0;
                    height: 28px;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }
            }
        }
    }

    .custom-login-button {
        margin-left: 8px;
        font-size: 12px;
        height: 20px;
        width: 37px;
        text-align: center;
        border-radius: 4px;
    }
}

.logo {
    display: inline-block;
    .rem(width, 69);
    .rem(height, 20);
    background-image: url('../../assets/images/logo.png');
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.custom-tab-box {
    position: relative;

    .custom-toggleWrap {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
    
        .custom-linear {
            width: 44px;
            height: 44px;
            background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
            background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
        }

        .custom-toggle {
            width: 50px;
            height: 44px;
            text-align: center;
            background: #fff;

            .custom-icon {
                margin-top: 15px;
                background-image: url("https://yanxuan-static.nosdn.127.net/hxm/yanxuan-node-wap/style/img/arrow-ea052ea4f1e3e31f2b8731041dc6d9f8.png");
                display: inline-block;
                vertical-align: middle;
                width: 15px;
                height: 15px;
                background-size: 53px 42.5px;
                background-position: -17px 0;
                -webkit-transition: -webkit-transform .5s;
                transition: -webkit-transform .5s;
                transition: transform .5s;
                transition: transform .5s,-webkit-transform .5s;
            }
        }
    }
}

/*轮播图*/
.custom-swipe {
    img {
        width: 100%;
        height: 100%;
    }
}